@import url("reset.css");

/* Глобальный
-------------------------------------------------------------------------------*/
html, body 		{ height: 100% }
body 			{ font-size: 12px; width: 100%; font-family: Arial; background: #1c2026; color: #fff;}

a 				{ color: #d5d5d5; text-decoration: underline;}
a:hover 		{ color: #929CA2; text-decoration: underline;}
a:visited		{ }

h1, h2, h3, h4, h5, h6 {color: #fff; padding-bottom: 10px;}

h1 				{ font-size: 24px}
h2 				{ font-size: 22px}
h3 				{ font-size: 20px}
h4 				{ font-size: 18px}
h5 				{ font-size: 16px}
h6 				{ font-size: 14px}

/*-----------------------------------------------------------------------------*/
/* Иконки
-------------------------------------------------------------------------------*/

/*-----------------------------------------------------------------------------*/
/* Инструменты
-------------------------------------------------------------------------------*/
.clear 			{ clear: both; font-size: 0; overflow: hidden; content: '.';}
.abs			{ position: absolute}
.rel			{ position: relative}

.t				{ top: 0}
.r				{ right: 0}
.b				{ bottom: 0}
.l				{ left: 0}

/*-----------------------------------------------------------------------------*/
/*Текст
-------------------------------------------------------------------------------*/
.bold 			{ font-weight: bold}
.justify		{ text-align: justify}
.uline			{ text-decoration: underline}
.noline			{ text-decoration: none}

.white 			{ color: #fff}

/*-----------------------------------------------------------------------------*/
/*Глобальные стили
-------------------------------------------------------------------------------*/
#wrapper 		{ margin: 0px auto; width: 990px}
#header			{ width: 100%; height: 30px; position: relative; padding-top: 10px;}
#content		{ background: #dbe3ef; color: #1c2026; padding: 10px; margin: 10px 0;}
#footer			{ width: 100%; margin-top: 30px}

/*-----------------------------------------------------------------------------*/
/*Шапка сайта
-------------------------------------------------------------------------------*/
/*Профиль*/
#profile		{ position: absolute; right: 0;}
#profile li		{ float: left; padding-left: 10px;}

/*Языки*/
#lang			{ position: absolute; left: 48%; z-index: 999;}
#lang li		{ background: #000; float: left; padding: 10px 6px 2px; border-left: 1px solid #}
#lang li:hover	{ cursor: pointer; background: #ccc; color: #000;}


/*Крошки*/
#breadcrumb			{ }
#breadcrumb li		{ float: left; }
#breadcrumb li a	{ padding-right: 15px; margin-right: 5px; background: url(/public/img/icon-arrow.png) right no-repeat;}

/*-----------------------------------------------------------------------------*/
/*Контент
-------------------------------------------------------------------------------*/
#content a			{ color: #1c2026}
#content a:hover	{ color: #343b45}

/*Таблица*/
table			{ width: 100%;}
table thead th	{ border-spacing: 1px; text-align: left; padding: 5px 10px; width: 25%}

table thead th.id	{ width: 10px;}
table tbody td.none { border: none; border-bottom: 1px solid #d1d9e4;}

table tbody th,
table tbody td	{ border-top: 1px solid #e7eef7; border-bottom: 1px solid #d1d9e4; text-align: left; padding: 10px 10px;}
table tbody tr:hover { background: #d1d9e4}

table tbody td.settings div	{ float: left; margin: 0 10px; z-index: 999;}
/*Уголки*/
.tr, .tl		{ top: 0;}
.tl, .bl		{ left: 0;}
.tr, .br		{ right: 0;}
.bl, .br		{ bottom: 0;}
.tr, .tl, .br, .bl	{ background: #1c2026 url(/public/img/bg-corner.png) no-repeat; width: 8px; height: 7px}
.tr				{ background-position: right top;}
.tl				{ background-position: left top;}
.bl				{ background-position: left bottom;}
.br				{ background-position: right bottom;}